const label = '栅格布局';
const name = 'row';

export default {
    icon: 'icon-row',
    label,
    name,
    rule() {
        return {
            type: 'FcRow',
            props: {
            },
            children: [],
        };
    },
    children: 'col',
    props() {
        return [
        /*{
            type: 'object',
            field: 'formCreateStyle',
            native: true,
            props: {
                rule: [
                    {
                        type: 'input',
                        field: 'height',
                        title: 'height',
                    },
                    {
                        type: 'input',
                        field: 'width',
                        title: 'width',
                    },
                ]
            }
        },*/
        /*{
            type: 'Struct',
            field: 'formCreate>style',
            value: {
                "border": "1px solid #dedede",
                "backgroundColor": "#efefef",
                "padding": "5px"
            },
            title: '样式',
            props: {
                defaultValue: {},
                validate(val) {
                    return true
                }
            }
        },*/
        {type: 'inputNumber', field: 'gutter', title: '栅格间隔'},
        {
            type: 'switch',
            field: 'type',
            title: 'flex布局模式',
            props: {activeValue: 'flex', inactiveValue: 'default'}
        }, {
            type: 'select',
            field: 'justify',
            title: 'flex 布局下的水平排列方式',
            options: [{label: 'start', value: 'start'}, {label: 'end', value: 'end'}, {
                label: 'center',
                value: 'center'
            }, {label: 'space-around', value: 'space-around'}, {label: 'space-between', value: 'space-between'}]
        }, {
            type: 'select',
            field: 'align',
            title: 'flex 布局下的垂直排列方式',
            options: [{label: 'top', value: 'top'}, {label: 'middle', value: 'middle'}, {
                label: 'bottom',
                value: 'bottom'
            }]
        }];
    }
};
